<!doctype html>
<html lang="en">
<head>
    <title>Code coverage report for src/components/APP/Main/Home/Page.vue</title>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="..\..\..\..\..\prettify.css" />
    <link rel="stylesheet" href="..\..\..\..\..\base.css" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style type='text/css'>
        .coverage-summary .sorter {
            background-image: url(..\..\..\..\..\sort-arrow-sprite.png);
        }
    </style>
</head>
<body>
<div class='wrapper'>
  <div class='pad1'>
    <h1>
      <a href="..\..\..\..\..\index.html">All files</a> / <a href="index.html">src/components/APP/Main/Home</a> Page.vue
    </h1>
    <div class='clearfix'>
      <div class='fl pad1y space-right2'>
        <span class="strong">0% </span>
        <span class="quiet">Statements</span>
        <span class='fraction'>0/21</span>
      </div>
      <div class='fl pad1y space-right2'>
        <span class="strong">0% </span>
        <span class="quiet">Branches</span>
        <span class='fraction'>0/10</span>
      </div>
      <div class='fl pad1y space-right2'>
        <span class="strong">0% </span>
        <span class="quiet">Functions</span>
        <span class='fraction'>0/8</span>
      </div>
      <div class='fl pad1y space-right2'>
        <span class="strong">0% </span>
        <span class="quiet">Lines</span>
        <span class='fraction'>0/21</span>
      </div>
    </div>
  </div>
  <div class='status-line low'></div>
<pre><table class="coverage">
<tr><td class="line-count quiet">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287</td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">&lt;template&gt;
  &lt;div o-Container o-Container-App&gt;
    &lt;van-nav-bar title="首页" v-bind="{fixed:true}"/&gt;
    &lt;div class="content"&gt;
      &lt;div class="containerMask"&gt;&lt;/div&gt;
      &lt;div class="project" v-bind:style="{backgroundImage:'url('+projectPhoto+')'}"&gt;
        &lt;div class="change"&gt;
          &lt;div class="button" @click="showChangeProject"&gt;切换&amp;nbsp;&lt;div class="icon icon-qiehuan"&gt;&lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="info"&gt;
          &lt;div class="name"&gt;{{projectName}}&lt;/div&gt;
          &lt;div class="temperature"&gt;23～28℃&lt;/div&gt;
          &lt;div class="weather"&gt;小雨转晴&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="title"&gt;IoT系统&lt;/div&gt;
      &lt;van-row class="group"&gt;
        &lt;van-col class="node" v-for="system in list.system.data.queryData" span="6" v-bind:key="system.ID"
                 v-on:click="octopus.router.jump(system.Url)"&gt;
          &lt;!--        v-on:click="octopus.router.jump(system.Url)"--&gt;
          &lt;div class="icon" v-bind="{class:system.Icon,style:{background:system.IconColor}}"&gt;&lt;/div&gt;
          &lt;div class="text"&gt;
            {{system[octopus.passport.language]}}
          &lt;/div&gt;
        &lt;/van-col&gt;
      &lt;/van-row&gt;
      &lt;div v-bind:style="{height:'10px',width: '100%',backgroundColor:'#F6F6F6'}"&gt;&lt;/div&gt;
      &lt;div class="title"&gt;模块系统&lt;/div&gt;
      &lt;van-row class="group"&gt;
        &lt;van-col class="node" v-for="system in list.module.data.queryData" span="6" v-bind:key="system.ID"
                 v-on:click="octopus.router.jump(system.Url)"&gt;
          &lt;div class="icon" v-bind="{class:system.Icon,style:{background:system.IconColor}}"&gt;&lt;/div&gt;
          &lt;div class="text"&gt;
            {{system[octopus.passport.language]}}
          &lt;/div&gt;
        &lt;/van-col&gt;
      &lt;/van-row&gt;
      &lt;div v-bind:style="{height:'10px',width: '100%',backgroundColor:'#F6F6F6'}"&gt;&lt;/div&gt;
      &lt;div class="title"&gt;体检报告&lt;/div&gt;
      &lt;van-tabs v-model="active"&gt;
        &lt;van-tab title="12月"&gt;
          &lt;div v-bind:style="{width:'100%',height:'361px',backgroundColor:'#00A7FF'}"&gt;
            &lt;div
              v-bind:style="{width:'100%',color:'#88F2FF',fontSize:'26px',textAlign:'center',paddingTop:'16px',paddingBottom:'17px'}"&gt;
              12月体检报告解读
            &lt;/div&gt;
            &lt;div v-bind:style="{display:'flex',width:'100%'}"&gt;
              &lt;div v-bind:style="{width:'35%',marginLeft: '15px'}"&gt;
                &lt;div v-bind:style="{width:'45%',display:'flex',alignItems:'baseline'}"&gt;
                  &lt;div v-bind:style="{fontSize:'38px',color:'#fff'}"&gt;
                    90
                  &lt;/div&gt;
                  &lt;div v-bind:style="{fontSize:'14px',color:'#fff'}"&gt;分&lt;/div&gt;
                &lt;/div&gt;
                &lt;div v-bind:style="{fontSize:'12px',color:'#fff'}"&gt;
                  能耗总体电量损耗异常高，建议调整或更换传感器。环境超标严重区域B1-1. B1-2. L3-1，建议开启新风系统，保证空气质量或者新风系统加装PM2.5过滤器改善环境质量。
                &lt;/div&gt;
                &lt;div
                  v-bind:style="{fontSize:'12px',color:'#008FFF',backgroundColor:'#fff',fontSize:'16px',borderRadius:'4px',textAlign:'center',height:'38px',lineHeight: '38px',width:'90%',marginTop: '10px'}"&gt;
                  去看报告
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;div v-bind:style="{height:'200px'}"&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/van-tab&gt;
        &lt;van-tab title="1月"&gt;
          &lt;div v-bind:style="{width:'100%',height:'361px',backgroundColor:'#00A7FF'}"&gt;
            &lt;div
              v-bind:style="{width:'100%',color:'#88F2FF',fontSize:'26px',textAlign:'center',paddingTop:'16px',paddingBottom:'17px'}"&gt;
              1月体检报告解读
            &lt;/div&gt;
            &lt;div v-bind:style="{display:'flex',width:'100%'}"&gt;
              &lt;div v-bind:style="{width:'35%',marginLeft: '15px'}"&gt;
                &lt;div v-bind:style="{width:'45%',display:'flex',alignItems:'baseline'}"&gt;
                  &lt;div v-bind:style="{fontSize:'38px',color:'#fff'}"&gt;
                    90
                  &lt;/div&gt;
                  &lt;div v-bind:style="{fontSize:'14px',color:'#fff'}"&gt;分&lt;/div&gt;
                &lt;/div&gt;
                &lt;div v-bind:style="{fontSize:'12px',color:'#fff'}"&gt;
                  能耗总体电量损耗异常高，建议调整或更换传感器。环境超标严重区域B1-1. B1-2. L3-1，建议开启新风系统，保证空气质量或者新风系统加装PM2.5过滤器改善环境质量。
                &lt;/div&gt;
                &lt;div
                  v-bind:style="{fontSize:'12px',color:'#008FFF',backgroundColor:'#fff',fontSize:'16px',borderRadius:'4px',textAlign:'center',height:'38px',lineHeight: '38px',width:'90%',marginTop: '10px'}"&gt;
                  去看报告
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;div v-bind:style="{height:'200'}"&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/van-tab&gt;
        &lt;van-tab title="2月"&gt;
          &lt;div v-bind:style="{width:'100%',height:'361px',backgroundColor:'#00A7FF'}"&gt;
          &lt;/div&gt;
        &lt;/van-tab&gt;
        &lt;van-tab title="3月"&gt;
          &lt;div v-bind:style="{width:'100%',height:'361px',backgroundColor:'#00A7FF'}"&gt;
          &lt;/div&gt;
        &lt;/van-tab&gt;
        &lt;van-tab title="4月"&gt;
          &lt;div v-bind:style="{width:'100%',height:'361px',backgroundColor:'#00A7FF'}"&gt;
          &lt;/div&gt;
        &lt;/van-tab&gt;
        &lt;van-tab title="5月"&gt;
          &lt;div v-bind:style="{width:'100%',height:'361px',backgroundColor:'#00A7FF'}"&gt;
          &lt;/div&gt;
        &lt;/van-tab&gt;
        &lt;van-tab title="6月"&gt;
          &lt;div v-bind:style="{width:'100%',height:'361px',backgroundColor:'#00A7FF'}"&gt;
          &lt;/div&gt;
        &lt;/van-tab&gt;
        &lt;van-tab title="7月"&gt;
          &lt;div v-bind:style="{width:'100%',height:'361px',backgroundColor:'#00A7FF'}"&gt;
          &lt;/div&gt;
        &lt;/van-tab&gt;
      &lt;/van-tabs&gt;
      &lt;div v-bind:style="{position:'relative',height:'200px',width:'100%',backgroundColor:'#F6F6F6'}"&gt;
&nbsp;
        &lt;div
          v-bind:style="{position:'absolute',zIndex:'999',top:'-30px',left:'15px', width:'319px',paddingLeft:'15px',paddingRight:'15px',paddingTop:'10px',backgroundColor:'#fff',borderRadius:'4px',paddingBottom:'20px'}"&gt;
          &lt;div v-bind:style="{display:'flex',alignItems:'baseline',justifyContent:'space-between'}"&gt;
            &lt;div v-bind:style="{fontSize:'16px',fontWeight:'500'}"&gt;
              能耗
            &lt;/div&gt;
            &lt;div v-bind:style="{display:'flex',alignItems:'baseline'}"&gt;
              &lt;div v-bind:style="{fontSize:'38px',color:'#008FFF'}"&gt;
                19
              &lt;/div&gt;
              &lt;div v-bind:style="{fontSize:'14px',color:'#008FFF'}"&gt;分&lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
&nbsp;
          &lt;div v-bind:style="{fontSize:'12px',color:'#008FFF',paddingTop:'5px'}"&gt;
            能耗问题：
          &lt;/div&gt;
          &lt;div v-bind:style="{fontSize:'12px',color:'#8295AF',paddingTop:'5px'}"&gt;
            总电量损耗异常高（4%）
          &lt;/div&gt;
          &lt;div v-bind:style="{fontSize:'12px',color:'#008FFF',paddingTop:'5px'}"&gt;
            可能出现的问题：
          &lt;/div&gt;
          &lt;div v-bind:style="{fontSize:'12px',color:'#8295AF',paddingTop:'5px'}"&gt;
            1.额外负载接入；2.用电设备为计量在内
          &lt;/div&gt;
          &lt;div v-bind:style="{fontSize:'12px',color:'#008FFF',paddingTop:'5px'}"&gt;
            建议采取措施：
          &lt;/div&gt;
          &lt;div v-bind:style="{fontSize:'12px',color:'#8295AF',paddingTop:'5px'}"&gt;
            1.排查线路；2.假装电表
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;!-- 遮罩面板 --&gt;
    &lt;div class="projectListPanel"&gt;
      &lt;van-popup v-model="changeProjectPanel" v-bind="{position:'bottom',class:'closePanel'}"&gt;
        &lt;div class="title"&gt;选择项目：&lt;/div&gt;
        &lt;!--        &lt;van-cell title="退出后不会删除任何历史数据，下次依然可以使用本账号。" v-bind="{class:'note'}"/&gt;--&gt;
        &lt;div v-for="project in list.projectData.data.queryData" :key="project.ID" class="project"
          v-bind:style="{backgroundImage:'url('+projectPhoto+')',}"&gt;
          &lt;div class="name"&gt;{{project.Name}}&lt;/div&gt;
        &lt;/div&gt;
      &lt;/van-popup&gt;
    &lt;/div&gt;
    &lt;o-app-menu&gt;&lt;/o-app-menu&gt;
  &lt;/div&gt;
&lt;/template&gt;
&nbsp;
&lt;script&gt;
  export default {
    name: "app_main_home_page", /* 这个name暂时不知道用啥用，根据官方文档说的是方便排错的 */
<span class="fstat-no" title="function not covered" >    data() {</span>
<span class="cstat-no" title="statement not covered" >      return {</span>
        octopus: this.$parent.octopus,
        // 体检报告按钮
        active: 1,
        // project photo
        projectPhoto: 'https://timgsa.baidu.com/timg?image&amp;quality=80&amp;size=b9999_10000&amp;sec=1573562728568&amp;di=da16fed780878a18579a984cc9bdddfd&amp;imgtype=0&amp;src=http%3A%2F%2Fimg.mp.itc.cn%2Fupload%2F20170717%2Fc839f98248ec4de8b627d5ecacb87901_th.jpg',
        projectName: "",
        // project change
        changeProjectPanel: false,
        list: {
          system: {
            data: {}
          },
          module: {
            data: {}
          },
          projectData: {
            data: {}
          },
        },
      }
    },
<span class="fstat-no" title="function not covered" >    activated: function () {</span>
<span class="cstat-no" title="statement not covered" >      this.load();</span>
    },
    methods: {
<span class="fstat-no" title="function not covered" >      load: function () {</span>
<span class="cstat-no" title="statement not covered" >        let o = this;</span>
        // 获取子系统数据（带权限）
<span class="cstat-no" title="statement not covered" >        this.octopus.request.api.post("/Octopus/Engine/List", {</span>
            id: 13, // 菜单表的八爪鱼ID,子系统
            cellData: [
              // {name: "ID"},
              {name: "ParentID", filterKey: "=", filterValue: 81},
              {name: this.octopus.passport.language},
              {name: "Url"},
              {name: "Icon"},
              {name: "IconColor"},
            ],
          },
          // 处理回调事件，通过分析data.status.code的状态来实现。
<span class="fstat-no" title="function not covered" >          function (data) {</span>
<span class="cstat-no" title="statement not covered" >            if (data.status.code == 200) {</span>
<span class="cstat-no" title="statement not covered" >              o.$set(o.list.system, "data", data.content);</span>
            }
<span class="cstat-no" title="statement not covered" >            console.log("======"+JSON.stringify( data.content));</span>
          });
&nbsp;
        // 获取配套模块数据（带权限）
<span class="cstat-no" title="statement not covered" >        this.octopus.request.api.post("/Octopus/Engine/List", {</span>
            id: 13, // 菜单表的八爪鱼ID,子系统
            cellData: [
              // {name: "ID", filterKey: "IN", filterValue: [161, 95, 83, 166, 167,123]},// 消息，能耗，设备，工单，巡检，报表
              {name: "ParentID", filterKey: "=", filterValue: 152},
              {name: this.octopus.passport.language},
              {name: "Url"},
              {name: "Icon"},
              {name: "IconColor"},
            ],
          },
          // 处理回调事件，通过分析data.status.code的状态来实现。
<span class="fstat-no" title="function not covered" >          function (data) {</span>
<span class="cstat-no" title="statement not covered" >            if (data.status.code == 200) {</span>
<span class="cstat-no" title="statement not covered" >              o.$set(o.list.module, "data", data.content);</span>
            }
          });
&nbsp;
        // 请求项目数据
<span class="cstat-no" title="statement not covered" >        this.octopus.request.api.post("/Octopus/Engine/List", {</span>
            id: 63,
            cellData: [
              {name: "ID", filterKey: "IN", filterValue: this.octopus.passport.authorization.project.split(",")},
              {name: "Name"},
              {name: "PhotoPath"},
            ],
          },
          // 处理回调事件，通过分析data.status.code的状态来实现。
<span class="fstat-no" title="function not covered" >          function (data) {</span>
<span class="cstat-no" title="statement not covered" >            if (data.status.code == 200) {</span>
              // 如果没有项目编号，则使用所属权限的第一个，每个账户至少有一个项目的权限。
<span class="cstat-no" title="statement not covered" >              if (!o.octopus.tools.IsNullOrEmpty(o.octopus.passport.project)) {</span>
<span class="cstat-no" title="statement not covered" >                o.octopus.passport.project = $(data.content.queryData)[0].ID;</span>
              }
              // 如果项目ID不为空，则判断项目权限是否还存在于当前登陆的账户权限中，如果不存在则也默认
              else if (("," + o.octopus.passport.authorization.project + ",").indexOf(',' + o.octopus.passport.project + ",") &lt; 0) {
<span class="cstat-no" title="statement not covered" >                o.octopus.passport.project = $(data.content.queryData)[0].ID;</span>
              }
&nbsp;
<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >              $(data.content.queryData).each(function (index, item) {</span></span>
                // 从user_passport中获取焦点系统
<span class="cstat-no" title="statement not covered" >                if (o.octopus.passport.project == item.ID) {</span>
                  // 设置当前系统样式及图表
<span class="cstat-no" title="statement not covered" >                  o.projectName = item.Name;</span>
                }
              });
              // 新增属性，需要使用$set，详细参考：https://blog.csdn.net/panyang01/article/details/76665448
<span class="cstat-no" title="statement not covered" >              o.$set(o.list.projectData, "data", data.content);</span>
            } else {
<span class="cstat-no" title="statement not covered" >              o.octopus.tips.error(data);</span>
            }
          });
      },
      // 展示项目选择面板
<span class="fstat-no" title="function not covered" >      showChangeProject: function () {</span>
<span class="cstat-no" title="statement not covered" >        this.changeProjectPanel = true;</span>
      },
    },
    props: ["oData"]
  }
&lt;/script&gt;
&nbsp;</pre></td></tr>
</table></pre>
<div class='push'></div><!-- for sticky footer -->
</div><!-- /wrapper -->
<div class='footer quiet pad2 space-top1 center small'>
  Code coverage
  generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Mon Jan 20 2020 17:54:15 GMT+0800 (GMT+08:00)
</div>
</div>
<script src="..\..\..\..\..\prettify.js"></script>
<script>
window.onload = function () {
        if (typeof prettyPrint === 'function') {
            prettyPrint();
        }
};
</script>
<script src="..\..\..\..\..\sorter.js"></script>
</body>
</html>
